@charset "utf-8";
.i_service{ width:100%;}
.i_service_t{ text-align:center; padding-top:0px; color:#4e4e4e; font-size:14.06px; line-height:40px; padding-bottom:43px;}
.i_service_t h2{ height:70px; line-height:70px;background:url(../images/line.png) center bottom no-repeat; font-size:30.12px; color:#333333; padding-bottom:20px;}
.box{ width:1176px; margin:auto;}
.box ul{ width:1196px;}
.box ul li{ float:left; height:409px; width:277px; margin-right:20px; overflow:hidden; background:url(../images/orange.png)  0 409px no-repeat; position:relative; border:1px #CCCCCC solid;}
.box ul li a{ display:block; width:100%; height:100%; top:0; position:absolute;}
.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
.box ul li u{ position:absolute; display:block; margin-left:36px; width:207px; height:207px; background:url(../images/round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;}
.box ul li u.cr{clip:rect(0px,207px,-10px,103.5px);   }
.box.active ul li u.cr{clip:rect(0px,207px,207px,103.5px); }
<!--.box ul li:hover u.cr{ clip:rect(0px,207px,-10px,103.5px)} -->
.box ul li u.cl{clip:rect(207px,103.5px,2000px,0px) }
.box.active ul li u.cl{clip:rect(0px,103.5px,207px,0px);   }
.box ul li:hover u.cl{ clip:rect(207px,103.5px,2000px,0px) }
.box ul li i{ display:block; font-style:normal; position:absolute; height:0px; width:0px; left:26%; top:50px;  }
.box ul li.box1 i{ background:url(../images/box1.png) 0px 0px no-repeat}
.box ul li:hover.box1 i{ background:url(../images/box1.png) -68px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box2 i{ background:url(../images/box1.png) 0px 0px no-repeat;width:0px; left:26%; }
.box ul li:hover.box2 i{ background:url(../images/box1.png) -72px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box3 i{ background:url(../images/box3.png) 0px 0px no-repeat; width:0px; height:0px; left:26%;}
.box ul li:hover.box3 i{ background:url(../images/box3.png) -55px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box4 i{ background:url(../images/box4.png) 0px 0px no-repeat; width:0px; height:0px;left:26%;}
.box ul li:hover.box4 i{ background:url(../images/box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li h3{ font-size:22px; color:#333333; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:248px;}
.box ul li h3 a{ color:#333}
.box ul li:hover h3{color:#fff;transition:all 0.8s;}
.box ul li p{ font-size:14px; color:#333333; line-height:26px; margin-top:6px; padding:0 20px}
.box ul li p a{color:#333333;}
.box ul li p a:hover{color:#fff;}
.box ul li:hover p{color:#fff;transition:all 0.8s;}

.guwenmore{ width:387px; height:56px; display:block; margin:0 auto; border:1px solid #ff9c00; clear:both; margin-top:35px; margin-bottom:32px; text-align:center; line-height:56px; font-size:16px; color:#ff9c00;}

.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle}
.hvr-shutter-out-vertical::before{background:#ff9c00 none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#000}
.hvr-shutter-out-vertical:active::before,.hvr-shutter-out-vertical:focus::before,.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}

.btn-enter{font-family:iuniFonts;opacity:0;transition:all .5s ease-in .1s;-moz-transition:all .5s ease-in .1s;-webkit-transition:all .5s ease-in .1s}
.btn-enter{transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;transform:translate(0px,5px);-moz-transform:translate(0px,5px);-webkit-transform:translate(0px,5px)}
.btn-enter {opacity:1;top:0;transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)}
.btn-enter:active,.btn-enter:focus,.btn-enter:hover{color:#000}
.btn-enter {opacity:1;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s}
.btn-enter {transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)}
.btn-enter:active,.btn-enter:focus,.btn-enter:hover{background:#fff;color:#fff}

.customer2{clear:both; background:url(../images/link_bg.png) no-repeat center top; height:678px;}
.customer_list2{ width:1102px; margin:0 auto;}
.customer_list2 table{border-collapse:collapse;border-spacing:0;}
.customer_list2 table td{ border:1px solid #dfdfdf; width:20%; height:128px; }
.customer_list2 table td img{width:100%; height:128px;}
.customer_list2 table td:hover img{width:100%; height:128px;}
.customer_list2 table td .partner_box{position:relative;width:219px; padding:0; position: relative;height:128px; z-index: 1;}
.customer_list2 .partner_box .cont1{width:219px;height:128px;position:absolute;top:0px;left:0px;z-index:2;/*filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;*/}  
.customer_list2 .partner_box .cont2{width:219px;height:128px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;top:0px;left:0px;z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  
.customer_list2 .partner_box:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.customer_list2 .partner_box:hover .cont2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  
.customer_list2 .partner_box:hover .cont2{z-index:2;}  
.customer_list2 .partner_box .cont1{transition:all .5s linear 10ms;} 
.customer_list2 .partner_box .cont2{transition:all .5s linear 10ms;} 

/*优势*/
.advantage{ text-align:center; }
.num_box{ display:inline-block; margin:0 18px }
.num{ font-weight:bold;color:#FFF; font-size:55px; width:206px; height:116px; line-height:116px; text-align:center; position:relative; z-index:2; letter-spacing:3px;}
.num_li{ position:relative; }
.num_bg{ position:absolute; z-index:1; width:206px; height:116px; border-radius:8px; left:0; top:0; background:#f69906;}
.num_li h3{ font-size:16px; color:#333333; font-weight:normal; line-height:82px; }
.num_line{ display:block; position:absolute; top:54px; left:0; z-index:10000; width:100%; height:3px; background-color:#f69906;}

/*解决方案*/
.i_solution{ height:735px; overflow:hidden; background:url(../images/solution_bg.jpg) no-repeat center top;}
/*
.i_solution_t{ height:31px; text-align:center;}
.i_solution_t a{ line-height:30px; display:inline-block; font-size:16px; color:#333333; margin-left:16px; margin-right:16px;}
.i_solution_t a.solutionsel{ color:#ff9c00;}*/
.solutioncon{ min-height:460px; margin-top:46px;}
.solution_ul ul{ width:1220px;}
.solution_ul ul li{ float:left; width:284px; overflow:hidden; height:348px;position: relative; background-color:#fff;z-index:0; margin-right:20px;}
.solution_ul ul li .shade{width:284px;height:174px;background:url(../images/solution_pic.png) center center no-repeat;position:absolute;top:-174px;left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solution_ul ul li .bg{width:284px;height:174px;background:#ef9b11;position:absolute;bottom:-210px;left:0;z-index:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solution_ul ul li:hover .shade{top:0;}
.solution_ul ul li:hover .bg{bottom:0;}
.solution_ul ul li:hover p{color:#fff;}
.solution_ul ul li:hover p strong{color:#fff;}
.solution_ul ul li:hover img{}
.solution_ul ul li img{width:284px;height:174px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.solution_ul ul li p{color:#191919;line-height:25px; height:100px; overflow:hidden;margin:10px 16px;font-family:"微软雅黑";position:relative;z-index:2; padding-top:22px;}
.solution_ul ul li p strong{color:#191919;font-size:16px; line-height:32px; font-weight:normal;}

.guwenmore2{ width:387px; height:56px; display:block; margin:0 auto; border:1px solid #ff9c00; clear:both; margin-top:35px; margin-bottom:32px; text-align:center; line-height:56px; font-size:16px; color:#ff9c00;}

.solutioncon{ min-height:460px; margin-top:46px;}
.solution_ul2 ul{ width:1220px;}
.solution_ul2 ul li{ float:left; width:284px; border:1px solid #f4f4f4; overflow:hidden; height:348px;position: relative; background-color:#eeedec;margin-right:18px;}
.solution_ul2 ul li .bg{width:284px;height:206px; background:url(../images/solution_bg2.jpg) no-repeat;position:absolute;top:-64px;left:0;z-index:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solution_ul2 ul li:hover{border:1px solid #dedede;}
.solution_ul2 ul li:hover .bg{top:142px;}
.solution_ul2 ul li:hover p{color:#fff;}
.solution_ul2 ul li:hover p strong{color:#fff;}
.solution_ul2 ul li:hover img{}
.solution_ul2 ul li img{width:284px;height:142px;z-index:2;position:relative;}
.solution_ul2 ul li p{color:#191919;line-height:25px; height:144px; overflow:hidden;margin:10px 15px;font-family:"微软雅黑";position:relative;z-index:2; padding-top:22px; }
.solution_ul2 ul li p strong{color:#191919;font-size:14px; font-weight:normal; line-height:26px;}

.i_about{ height:700px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}
.i_about_div{ height:411px;background:url(../images/about_bg2.jpg) no-repeat center top; overflow:hidden;}
#four_flash_four{position:relative;width:596px; margin-left:150px; margin-top:53px;}
#four_flash_four .flashBg_four{width:543px;height:300px;position:relative;overflow:hidden; background-color:#fff;}
#four_flash_four .flashBg_four ul.mobile_four{width:2000%;height:300px; position:absolute; left:0;}
#four_flash_four .flashBg_four ul.mobile_four li{float:left;width:543px;color:#6C6E85; text-decoration: none;list-style: none;}
#four_flash_four .flashBg_four ul.mobile_four li img{ width:543px; height:300px;}
#four_flash_four .flashBg_four ul.mobile_four li a{width:543px;height:300px; float:left; cursor:pointer; text-decoration:none; list-style:none;}
#four_flash_four .flashBg_four ul.mobile_four li a:hover{filter:alpha(opacity=90);opacity:0.9;}
#four_flash_four .but_left_four{width:53px;height:41px; position:absolute; top:133px; right:53px; cursor:pointer; background:url(../images/about_left.png) no-repeat;}
#four_flash_four .but_right_four{width:53px;height:41px; position:absolute; top:133px; right:0px;  cursor:pointer; background:url(../images/about_right.png) no-repeat;}

#four_flash_four .but_left_four:hover{background:url(../images/about_left2.png) no-repeat;}
#four_flash_four .but_right_four:hover{background:url(../images/about_right2.png) no-repeat;}

.i_contact{ height:575px; margin-top:42px; overflow:hidden; background:url(../images/contact_bg.jpg) no-repeat center top;}
.i_contact_ul ul{ width:1220px;}
.i_contact_ul ul li{ float:left; width:275px; height:140px;background:url(../images/contact_bg2.png) repeat; text-align:center; margin-right:19px; line-height:18px; font-size:14px;color:#fff;}
.i_contact_ul ul li:Hover{background:url(../images/contact_bg3.png) repeat; }
.i_contact_ul ul li img{ width:44px; height:43px; display:block; margin:0 auto; margin-top:28px; margin-bottom:25px;}
.i_contact_ul ul li a{ width:94%; padding-left:3%; padding-right:3%; height:100%; display:block; color:#fff;}


/*****客服****/
.clear:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}